@import './modules/header.scss';
@import './modules/header2.scss';
@import './modules/navs.scss';
@import './modules/dropdown.scss';
@import './modules/reset.scss';
@import './modules/footer.scss';



*{margin: 0;padding: 0}

.icon {
    background: url(/imgs/icon.png) no-repeat;
    display: inline-block;
    overflow: hidden;
}

a {
    color: #333;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
img {
    border: 0;
    outline: none;
    vertical-align: middle;
}


.messa {
    display: none;
}



.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.iblock {
    display: inline-block;
}

.block {
    display: block !important;
}

.v-a {
    vertical-align: middle;
}


body {
    font: 12px/1.5 punctuation, 微软雅黑;
    color: #333;
}


.product_box {
    width: 1200px;
    height: auto;
    margin: 15px auto;



    .bigImgbox {
        text-align: center;
        .bigimg {
            width: 1000px;
            padding-left: 0px;
        }
    }



    .bred {
        color: #666666;

        a {
            color: #666666;
        }
    }

    .product_content {
        margin: 20px 0;
        border: 1px solid #eee;
        padding: 10px;

        .product_content_l {
            width: 400px;
            height: auto;

            // 中等图
            .mid_pic {
                position: relative;

                a {
                    color: #333;
                    outline-style: none;
                    cursor: crosshair;
                    display: block;
                    position: relative;
                    height: 400px;
                    width: 400px;

                    img {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 400px;
                        height: 400px;
                    }
                }
            }

            // 小图
            .small_img {
                width: 400px;
                height: 86px;

                .small_list {
                    width: 400px;
                    margin: 13px 0;

                    .lbtn {
                        width: 24px;
                        height: 58px;
                        background: url(/imgs/icons_01.png) no-repeat;
                        overflow: hidden;
                        margin-right: 10px;
                        background-color: #fff;
                        background-position: -184px -604px;
                        pointer-events: none;
                    }
                    .rbtn {
                        width: 24px;
                        height: 58px;
                        background: url(/imgs/icons_01.png) no-repeat;
                        overflow: hidden;
                        margin-left: 8px;
                        background-color: #fff;
                        background-position: -214px -604px;
                        pointer-events: none;
                    }



                    .small_box {
                        width: 330px;
                        height: 60px;
                        position: relative;
                        overflow: hidden;

                        .list {
                            width: auto;
                            height: 60px;
                            position: absolute;
                            top: 0;
                            left: 0;


                            li a img {
                                width: 50px;
                                height: 50px;
                                border: 2px solid #dbdbdb;
                                cursor: pointer;
                                margin-right: 10px;
                                margin-left: 2px;
                                // background: red;
                            }
                        }
                    }
                }
            }

            // 编号
            .itemNum {
                text-indent: 20px;
                
                span {
                    color: #333333;
                }
            }

            // 分享
            .itemShare {
                margin-right: 20px;

                .share_content {
                    height: 30px;
                    position: relative;
                    cursor: pointer;
                }
                span {
                    margin-top: -1px;

                    .copyLink {
                        width: 18px;
                        height: 14px;
                        background: url(/imgs/copyicon.jpg) no-repeat;
                        margin-right: 4px;
                    }
                    .clw {
                        color: #7f7f7f;
                        cursor: pointer;
                    }

                    .shareico {
                        width: 21px;
                        height: 17px;
                        background: url(/imgs/icons_01.png) no-repeat;
                        background-position: -51px -855px;
                        margin-left: 30px;
                        cursor: pointer;
                    }

                    .collectico {
                        width: 21px;
                        height: 17px;
                        background: url(/imgs/icons_01.png) no-repeat;
                        background-position: -0px -830px;
                        margin-left: 30px;
                        cursor: pointer;
                    }

                    
                }

            }
        }

        .product_content_c {
            width: 530px;
            height: auto;
            margin-left: 10px;
            color: #343434;

            // 标题
            .centerTit {
                font-size: 20px;
                color: #333333;
                font-weight: bold;
                padding-bottom: 5px;
                border-bottom: 1px solid #f0f0f0;
                padding: 0 14px;
                width: 500px;

                .note {
                    color: #e40077;
                    padding: 10px 14px;
                    width: 506px;
                    height: auto;
                    overflow: hidden;
                    font-size: 13px;
                    font-weight: lighter;
                }
            }
            //提示
            .important_note {
                color: #e40077;
                padding: 10px 14px;
                width: 506px;
                height: auto;
                overflow: hidden;
            }

            //商品质量
            .priceScore {
                width: 94%;
                padding: 20px 3%;
                background-color: #f7f7f7;
                line-height: 30px;
                position: relative;


                // 所需积分
                .CashInt {
                    display: inline-block;
                    vertical-align: middle;
                    width: auto;
                    padding: 0 17px;
                    color: #515658;
                    margin-right: 4px;
                    margin-bottom: 5px;
                    cursor: pointer;
                    height: 27px;
                    line-height: 27px;
                    overflow: hidden;
                }

                .CIClick {
                    background: url(/imgs/bt_click_gray.png) bottom right no-repeat;
                    border: 2px solid #e40175;
                    border-bottom-width: 1px;
                    border-right-width: 1px;
                }
                .scoreprice {
                    font-size: 18px;
                    font-weight: bold;
                    color: #e40077;
                    padding: 0 14px;
                    display: inline-block;
                    vertical-align: middle;
                    border: 2px solid #f7f7f7;
                    height: 22px;
                    line-height: 22px;
                    border-bottom-width: 1px;
                    border-right-width: 1px;
                    cursor: pointer;
                    margin-top: -3px;
                }

                // 礼品质量
                .relat {
                    position: relative;
                    // z-index: 999;

                    .star {
                        width: 114px;
                        height: 14px;
                        background-position-y: -150px;
                        margin: 9px 5px 0 0;
                    }

                    .star-bg {
                        background: url(/imgs/newStars.png) no-repeat;
                        display: inline-block;
                        overflow: hidden;
                    }

                    .fs {
                        color: #ff670b;
                        margin-left: 12px;
                    }
                }

                // 累计评价
                .totE {
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 118px;
                    text-align: center;
                    border-left: 1px dashed #cccccc;

                    .Etxt {
                        height: 32px;
                        line-height: 32px;
                        color: #333333;
                        font-size: 12px;
                        font-weight: bold;
                    }

                    .Enum {
                        position: relative;
                        z-index: 9999;
                        font-weight: bold;
                        color: #e40077;
                        font-size: 16px;
                        height: 32px;
                        line-height: 32px;
                    }
                }
            }

            // 配送
            .send {
                width: 94%;
                padding: 10px 3%;

                .wrapsend {
                    position: relative;
                    width: auto;
                    // z-index: 8;

                    .ecg {
                        height: auto;
                        width: 400px;

                        .place {
                            width: 200px;
                            padding: 4px 15px 4px 6px;
                            margin-top: 3px;
                            margin-right: 10px;
                            margin-left: 4px;
                            border: 1px solid #d4d4d4;
                            background: url(/imgs/select-icon.png) no-repeat center right;
                        }
                    }
                }
            }

            // 选择
            .choose {
                width: 94%;
                padding: 0 3%;
                margin-top: 10px;

                span {
                    height: 30px;
                }

                div {
                    height: auto;
                    width: 400px;

                    ul {
                        .chooselist {
                            width: auto;
                            height: 28px;
                            line-height: 28px;
                            padding: 0 14px;
                            border: 1px solid #cccccc;
                            color: #515658;
                            margin-right: 4px;
                            overflow: hidden;
                            margin-bottom: 5px;
                            vertical-align: top;
                        }

                        .clc1 {
                            background: url(/imgs/bt_cick.png) bottom right no-repeat;
                            border: 1px solid #e40175;
                            border-top-width: 2px;
                            border-left-width: 2px;
                        }

                        .clc2 {
                            background: url(/imgs/bt_cick.png) bottom right no-repeat;
                            border: 1px solid #e40175;
                            border-top-width: 2px;
                            border-left-width: 2px;
                        }


                    }
                }
            }

            // 已选择
            .chinf {
                width: 94%;
                padding: 3px 3%;
                span {
                    color: #FF0000;
                    margin-left: 60px;
                }
            }

            // 选择数量
            .chooseNum{
                width: 94%;
                padding: 3px 3%;

                .sub {
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    border: 1px solid #dcdcdc;
                    text-align: center;
                    border-right: none;
                }

                .in_txt {
                    width: 30px;
                    height: 28px;
                    line-height: 28px;
                    text-align: center;
                    border: 1px solid #999999;
                }

                .add {
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    border: 1px solid #dcdcdc;
                    text-align: center;
                    border-left: none;
                }
            }

            // 购买和购物车按钮
            .buy_add {
                width: 94%;
                padding: 10px 3% 10px 3%;

                a {
                    padding: 0 60px;
                    height: 45px;
                    line-height: 45px;
                    border-radius: 6px;
                    color: #fff;
                    font-size: 16px;
                }
                .buy {
                    background: #e40077;
                }

                #add-shopcart {
                    background: #8ec31e;
                    margin-top: 12px;
                    margin-left: 0;
                    padding: 0px 52px;
                }
            }

            // 发送短信
            .message_exchange {
                width: 90%;
                height: auto;
                padding: 5px 5%;
                color: #343434;

                .sms-qr-wrap {
                    margin-top: 16px;
                    .sms-qr-code {
                        width: 72px;
                        height: 72px;
                    }
                }
            }

        }

        .product_content_r {
            width: 220px;
            height: auto;

            .productdetail_content_r_01 {
                width: 100%;
                height: auto;
                border: 1px solid #eeeeee;

                .productdetail_tel {
                    padding: 12px 0;

                    p {
                        color: #e40077;
                        text-align: center;
                        border-top: 1px solid #eee;
                        padding: 5px;
                    }

                    .text_m {
                        text-align: center;
                    }

                    .ydzy_bt {
                        width: 100%;
                        height: auto;
                        color: #e40077;
                        display: block;
                        padding-bottom: 12px;

                        img {
                            width: 194px;
                            height: 74px;
                        }
                    }

                }
            }

            .similar_products {
                margin-top: 32px;

                .similar_products_title {
                    width: 100%;
                    height: auto;
                    position: relative;
                    border-top: 1px dashed #e5e5e5;
                    text-align: center;

                    span {
                        background-color: #fff;
                        position: absolute;
                        top: -14px;
                        left: 68px;
                        padding: 0 10px;
                    }
                }

                .similar_products_list {
                    width: 100px;
                    height: auto;
                    margin-top: 20px;
                    margin-right: 10px;
                    position: relative;

                    .text_m {
                        text-align: center;
                    }
                    .similar_products_list_img {
                        width: 100px;
                        height: 100px;
                        border: 1px solid #dcdcdc;
                        position: relative;

                        img {
                            width: 100px;
                            height: 100px;
                        }
                    }
                    a {
                        display: block;
                        color: #333;
                        text-decoration: none;

                        .similar_products_price {
                            margin-top: 13px;

                            span {
                                color: #e40077;
                            }
                        }
                    }
                }
            }


        }


    }
    .bigImgbox {
        width: 950px;
        // height: 2000px;
        height: auto;
    
        .destit {
            height: 52px;
            line-height: 52px;
            border: 1px solid #dddddd;  

            span {
                width: 170px;
                height: 52px;
                font-size: 14px;
                cursor: pointer;
                text-align: center;
            }

            /*span:hover {
                height: 50px;
                border-bottom: 2px solid #e40077;
                color: #e40077;
            }*/

            .borderright {
                border-right: 1px solid #dddddd;
            }

            .ac {
                height: 50px;
                border-bottom: 2px solid #e40077;
                color: #e40077;
            }


        }

        .descontent {
            height: auto;
            padding-top: 10px;
            display: none;
            border: 1px solid #eee;
            border-top: none;
            color: #343434;
            font-size: 14px;
            line-height: 2em;
        }

        .lpjs {
            ul li {
                width: 100%;

                img {
                    width: 750px;
                    height: 825px;
                }

            }
        }

        .lppj {
            .ps_r_title_content_l {
                padding: 24px 4% 40px 4%;
                height: auto;
                width: 92%;
                line-height: 2em;
                overflow: hidden;

                .evaluationCount {
                    width: 142px;
                    color: #333333;
                    font-size: 10.5px;
                    border-right: 1px dashed #cccccc;
                    padding-left: 20px;

                    .praise {
                        font-size: 14px;
                        color: #333333;
                    }

                    .praiseNum {
                        color: #e40077;
                        font-size: 34px;
                        height: 56px;
                        line-height: 56px;
                    }

                    .praisePeople {
                        font-size: 14px;
                        color: #333333;
                    }
                }
            }
        }

        .ggcs {
            .ps_r_title_content_l {
                padding: 24px 4% 40px 4%;
                height: auto;
                width: 92%;
                line-height: 2em;
                overflow: hidden;

                table {
                    border-collapse: collapse;
                    border-spacing: 0;
                    border: 1px solid #d6d6d6;
                    line-height: 2em;

                    th {
                        font-weight: bold;
                        border: 1px solid #d6d6d6;
                        line-height: 2em;
                    }

                    td {
                        padding: 1% 15px;
                        width: 730px;
                        border: 1px solid #d6d6d6;
                        line-height: 2em;
                    }
                }
            }
        }


    }



}


.placelist {
    display: none;
    position: absolute;
    overflow: hidden;
    height: auto;
    top: 535px;
    left: 574px;
    z-index: 99;
    width: 422px;
    background: #fff;
    border: 1px solid #d4d4d4;





    .wraplist {
        border-bottom: 1px solid #d4d4d4;
        padding: 12px 15px;
        width: auto;
        .choosearea {
            width: 100%;
            background: url(/imgs/selBG.png) 0 0 repeat-x;
            height: 25px;
            overflow: visible;

            li {
                float: left;
                margin-right: 5px;
                border: 1px solid #D8D8D8;
                border-bottom: none;
                cursor: pointer;
                height: 23px;

                span {
                    padding: 0 10px;
                    height: 24px;
                    line-height: 24px;
                    float: left;
                }
            }

            .still {
                border: 1px solid #0099ff;
                border-bottom: none;
                background: url(/imgs/selBG.png) 0 -30px repeat-x #fff;
                height: 24px;
            }
        }
    }

    .listplace {
        display: none;

        li {

            float: left;
            margin: 3px 7px;
            width: 80px;

            span {

                a {
                    white-space: nowrap;
                    padding: 3px 8px;
                    cursor: pointer;
                }

                a:hover {
                    background: #09F;
                    color: #fff;
                }
            }
        }
    }
}


.mr5 {
    margin-right: 5px;
}

.close {
    display: none;
    background: url(/imgs/area_close.gif) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 987px;
    top: 526px;
    z-index: 999;
    cursor: pointer;
}

.block {
    display: block;
}